<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Vårdmarknad - Rapportera väntetider</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="assets/css/datepicker.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link href="assets/css/main.css" rel="stylesheet" media="screen">
    <link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
    <![endif]-->

  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Vårdmarknad 2.0</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
              <i class="icon-user"></i> <a href="#" class="navbar-link">Anders Olsen</a>
            </p>
            <ul class="nav">
              <li class="active"><a href="#">Väntetider</a></li>
              <li><a href="#admin-products">Tjänster</a></li>
              <li><a href="#admin-offers">Utbud</a></li>
              <li><a href="#admin-users">Behörighet</a></li>
              <li><a href="#profile">Inställningar</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <!-- Sub menu -->
    <div class="container-fluid">
      <div class="navbar">
        <div class="span2 pull-right">&nbsp;</div> 
        <div class="container-fluid pull-right">
          <ul class="nav">
            <li>
              <a href="#filter" onclick="toggleShow('filter');">
                <i class="icon-filter"></i>
                <div>Filtrera</div>
              </a>
            </li>
            <li>
              <a href="#add" onclick="toggleShow('add');">
                <i class="icon-plus"></i>
                <div>Lägg till</div>
              </a>
            </li>
            <li>
              <a href="#help" onclick="toggleShow('help');">
                <i class="icon-question"></i>
                <div>Hjälp<br /><br /></div>
              </a>
            </li>
          </ul>
        </div> 
      </div>
    </div>


    <div class="container-fluid">
      <div class="row-fluid hidden" id="help">
        <div class="span2"></div>
        <div class="span8">
          <legend><i class="icon-question"></i> Frågor och svar om väntetider</legend>
          <h4><i class="icon-caret-right"></i> Ta bort</h4>
          <p>
            Du kan ta bort egna väntetider. Avtalsreglerade tjänster går ej att ta bort
          </p>
          <h4><i class="icon-caret-right"></i> Förlänga fler väntetider i taget</h4>
          <p>
            Välj fler väntetider, tryck "förläng" och välj nytt datum. 
          </p>
          <br />
        </div>
      </div>

      <!-- Add item -->
      <div class="row-fluid hidden" id="add">
        <div class="span2"></div>
        <div class="span8">
          <legend><i class="icon-plus"></i> Lägg till egen väntetid <small> Det är frivilligt att lägga upp väntetider för tjänster man inte har avtal på</small></legend>
          <table class="table">
              <thead>
                <tr>
                  <th colspan="5">  
                    <label><strong>Välj vårdgivare</strong></label>
                    <select id="unit-list">
                      <option>Alla vårdgivare</option>
                      <option value="capio-st-goran">Capio S:t Görans sjukhus</option>
                      <option value="capio-solna">Capio Vårdcentral Solna</option>
                      <option></option>
                      <option></option>
                    </select>
                  </th>
                </tr>
                <tr>

                  <th data-toggle="tooltip" title="first tooltip">Åtgärd</th>
                  <th>Väntetid</th>
                  <th>Väntetid m förtur</th>
                  <th>Gäller till</th>
                  <th>Klinik/Enhet</th>
                </tr>
              </thead>
            <tbody>
                <tr class="edit-row" id="item-add">

                  <td>
                    
                  <select id="list-caretype">
                    <option>Åtgärd</option>
                    
                    <option value="70">Abrasio i näsan</option>
                    
                    <option value="38">Allergologisk mottagning</option>
                    
                    <option value="15">Allmänkirurgisk mottagning</option>
                    
                    <option value="49">Arbets-EKG med bedömning</option>
                    
                    <option value="99">Artroskopier i knäled, diagnostiska och/eller terapeutiska</option>
                    
                    <option value="118">Axelinstabilitet</option>
                    
                    <option value="50">Bandspelar-EKG</option>
                    
                    <option value="109">Barn- och ungdomspsykiatri</option>
                    
                    <option value="77">Barnallergologisk mottagning</option>
                    
                    <option value="75">Barnendokrinologisk mottagning</option>
                    
                    <option value="74">Barnkardiologisk mottagning </option>
                    
                    <option value="79">Barnkirurgisk mottagning</option>
                    
                    <option value="73">Barnmedicinsk mottagning</option>
                    
                    <option value="78">Barnneurologisk mottagning</option>
                    
                    <option value="80">Barnortopedisk mottagning</option>
                    
                    <option value="76">Barnreumatologisk mottagning </option>
                    
                    <option value="171">Beroendevård mottagning</option>
                    
                    <option value="147">Bettfysiologi</option>
                    
                    <option value="26">Bröstplastik - reduktion</option>
                    
                    <option value="27">Bröstplastik - rekonstruktion</option>
                    
                    <option value="128">Bukplastik</option>
                    
                    <option value="66">CPAP-behandling av snarkare, sömnapné</option>
                    
                    <option value="35">Cystoskopi</option>
                    
                    <option value="86">Datortomografi</option>
                    
                    <option value="131">Datortomografi, hjärna</option>
                    
                    <option value="127">Degenerativ förändring/diskbråck i halsrygg</option>
                    
                    <option value="9">Diskbråck lumbalt</option>
                    
                    <option value="106">Elektrofysiologisk undersökning  hjärtats retledningssystem</option>
                    
                    <option value="108">Elkonvertering av förmaksflimmer och förmaksfladder</option>
                    
                    <option value="148">Endodonti</option>
                    
                    <option value="42">Endokrinologisk mottagning</option>
                    
                    <option value="105">ERCP</option>
                    
                    <option value="85">Förhudsförträngning, öppen vård</option>
                    
                    <option value="20">Gallstensoperation</option>
                    
                    <option value="45">Gastro-enterologisk mottagning</option>
                    
                    <option value="22">Gastroskopi</option>
                    
                    <option value="57">Gråstarrsoperation</option>
                    
                    <option value="51">Gynekologisk mottagning</option>
                    
                    <option value="12">Handartrosoperation</option>
                    
                    <option value="11">Handkirurgisk mottagning</option>
                    
                    <option value="43">Hematologisk mottagning</option>
                    
                    <option value="17">Hemorojdoperation och andra anala operationer</option>
                    
                    <option value="46">Hudmottagning</option>
                    
                    <option value="136">Höftledsplastik - vårdval</option>
                    
                    <option value="6">Höftledsplastik, revisionsoperation</option>
                    
                    <option value="4">Höftplastik, primär</option>
                    
                    <option value="71">Hörselförbättrande operation</option>
                    
                    <option value="47">Infektionsmottagning</option>
                    
                    <option value="121">Inflammation av ledhinnor och senor</option>
                    
                    <option value="31">Inläggning av defibrillator</option>
                    
                    <option value="36">Internmedicinsk mottagning</option>
                    
                    <option value="41">Kardiologisk mottagning</option>
                    
                    <option value="119">Karpaltunnelsyndrom</option>
                    
                    <option value="139">Kataraktoperation - vårdval</option>
                    
                    <option value="151">Kirurgiska åtgärder i ögonlock, tårvägar, ögats bindehinna</option>
                    
                    <option value="137">Knäledsplastik - vårdval</option>
                    
                    <option value="5">Knäledsplastik, primär</option>
                    
                    <option value="7">Knäledsplastik, revisionsoperation</option>
                    
                    <option value="90">Kolonröntgen</option>
                    
                    <option value="23">Koloskopi</option>
                    
                    <option value="3">Korsbandsoperation, knä</option>
                    
                    <option value="115">Kotförskjutning/segmentell smärta</option>
                    
                    <option value="29">Kranskärlsoperation</option>
                    
                    <option value="88">Kranskärlsröntgen</option>
                    
                    <option value="14">Kroknande fingrar, operation (Dupuytrens)</option>
                    
                    <option value="24">Kärlkirurgisk mottagning</option>
                    
                    <option value="60">Laserbehandling vid diabetes och övriga tillstånd i näthinna</option>
                    
                    <option value="150">Laserbehandling vid glaukom (grönstarr) och efterstarr</option>
                    
                    <option value="55">Livmoderborttagande</option>
                    
                    <option value="54">Livmoderframfall, operation</option>
                    
                    <option value="82">Ljumskbråcksoperation barn sluten vård</option>
                    
                    <option value="81">Ljumskbråcksoperation barn öppen vård</option>
                    
                    <option value="19">Ljumskbråcksoperation sluten vård</option>
                    
                    <option value="18">Ljumskbråcksoperation öppen vård</option>
                    
                    <option value="132">Logopedi ADHD-utredning barn/ungdom</option>
                    
                    <option value="95">Logopedi dyslexi/läs- och skrivsvårigheter</option>
                    
                    <option value="92">Logopedi neurologiskt betingad - vuxen</option>
                    
                    <option value="94">Logopedi röststörning</option>
                    
                    <option value="91">Logopedi språk- och talstörningar barn/ungdom</option>
                    
                    <option value="93">Logopedi stamning</option>
                    
                    <option value="39">Lungmedicinsk mottagning</option>
                    
                    <option value="87">MR-undersökning Hjärna</option>
                    
                    <option value="130">MR-undersökning knäled</option>
                    
                    <option value="101">MR-undersökning ländryggrad</option>
                    
                    <option value="113">Navelbråck</option>
                    
                    <option value="129">Neurokirurgisk mottagning</option>
                    
                    <option value="37">Neurologisk mottagning</option>
                    
                    <option value="133">Neuropediatrik</option>
                    
                    <option value="44">Njurmedicinsk mottagning</option>
                    
                    <option value="33">Njurstensoperation</option>
                    
                    <option value="112">Obesitasoperation</option>
                    
                    <option value="146">Odontologisk radiologi</option>
                    
                    <option value="126">Onkologimottagning</option>
                    
                    <option value="30">Operation av aorta eller hjärtklaffar</option>
                    
                    <option value="64">Operation av snarkare, sömnapné</option>
                    
                    <option value="65">Operation av snarkare, övriga diagnoser</option>
                    
                    <option value="116">Operation av tår (Hallux valgus/rigidis, Hammartå)</option>
                    
                    <option value="102">Operation på ligament i knäled, artroskopisk eller öppen</option>
                    
                    <option value="142">Oral kirurgi</option>
                    
                    <option value="143">Oral protetik</option>
                    
                    <option value="149">Ortodonti</option>
                    
                    <option value="1">Ortopedisk mottagning</option>
                    
                    <option value="144">Parodontologi</option>
                    
                    <option value="145">Pedodonti</option>
                    
                    <option value="25">Plastikkirurgisk mottagning</option>
                    
                    <option value="169">Primärdvårdsrehab kiropraktik</option>
                    
                    <option value="166">Primärdvårdsrehab sjukgymnastik</option>
                    
                    <option value="167">Primärvårdsrehab arbetsterapi</option>
                    
                    <option value="168">Primärvårdsrehab dietist</option>
                    
                    <option value="170">Primärvårdsrehab lymfödembehandling</option>
                    
                    <option value="34">Prostataförstoring operation</option>
                    
                    <option value="100">Psykiatrisk mottagning</option>
                    
                    <option value="89">PTCA</option>
                    
                    <option value="21">Refluxesofagit operation</option>
                    
                    <option value="84">Retentio testis, sluten vård</option>
                    
                    <option value="83">Retentio testis, öppenvård</option>
                    
                    <option value="13">Reumatikeroperation</option>
                    
                    <option value="122">Reumatoid artrit och andra artriter</option>
                    
                    <option value="40">Reumatologisk mottagning</option>
                    
                    <option value="72">Septumplastik operation</option>
                    
                    <option value="152">Sjukgymnastik specialist geriatrik</option>
                    
                    <option value="153">Sjukgymnastik specialist hjärt- och kärlsjukdomar</option>
                    
                    <option value="154">Sjukgymnastik specialist idrottsmedicin</option>
                    
                    <option value="155">Sjukgymnastik specialist lungmedicin</option>
                    
                    <option value="156">Sjukgymnastik specialist neurologi</option>
                    
                    <option value="157">Sjukgymnastik specialist obstetrik, gynekologi, urologi</option>
                    
                    <option value="158">Sjukgymnastik specialist onkologi</option>
                    
                    <option value="159">Sjukgymnastik specialist ortopedi</option>
                    
                    <option value="165">Sjukgymnastik specialist ortopedisk manuell terapi</option>
                    
                    <option value="160">Sjukgymnastik specialist pediatrik</option>
                    
                    <option value="161">Sjukgymnastik specialist psykiatri, psykosomatik</option>
                    
                    <option value="162">Sjukgymnastik specialist reumatologi</option>
                    
                    <option value="163">Sjukgymnastik specialist smärta och smärtbehandling</option>
                    
                    <option value="164">Skelning barn och vuxna</option>
                    
                    <option value="58">Skelningsoperation på barn 0-18 år</option>
                    
                    <option value="124">Skelningsoperation på vuxna 19 år +</option>
                    
                    <option value="125">Sköldkörtel, operation</option>
                    
                    <option value="48">Smärtmottagning</option>
                    
                    <option value="140">Smärtmottagning, APS</option>
                    
                    <option value="135">Smärtmottagning, Huddinge</option>
                    
                    <option value="141">Smärtmottagning, smärtrehabilitering</option>
                    
                    <option value="134">Smärtmottagning, Solna</option>
                    
                    <option value="10">Spinal stenos, operation</option>
                    
                    <option value="52">Steriliseringsoperation, kvinnor</option>
                    
                    <option value="111">Struma</option>
                    
                    <option value="117">Subacromiella smärttillstrånd</option>
                    
                    <option value="103">Syncentral</option>
                    
                    <option value="28">Thoraxkirurgisk mottagning</option>
                    
                    <option value="67">Tonsillektomi, barn</option>
                    
                    <option value="68">Tonsillektomi, vuxna</option>
                    
                    <option value="120">Tumbasartros (CMC-1-artros)</option>
                    
                    <option value="53">Urininkontinens, operation</option>
                    
                    <option value="32">Urologisk mottagning</option>
                    
                    <option value="69">Utprovning av hörapparat</option>
                    
                    <option value="123">Vattenbråck (Hydrocele testis)</option>
                    
                    <option value="63">Yrselmottagning</option>
                    
                    <option value="16">Åderbråcksoperation</option>
                    
                    <option value="114">Ärrbråck</option>
                    
                    <option value="110">Ätstörningsbehandling i dagsjukvård</option>
                    
                    <option value="107">Ätstörningsbehandling i sluten vård</option>
                    
                    <option value="104">Ätstörningsvård, bedömningsbesök</option>
                    
                    <option value="59">Ögonbottenfoto p g a diabetes</option>
                    
                    <option value="56">Ögonmottagning</option>
                    
                    <option value="62">Öron-, näs- och halsmottagning</option>
                    
                  </select>
                  </td>
                  <td>
                    <input type="text" placeholder="Veckor" class="number" onfocus="$('#weeks-label').toggleClass('hidden');"><small class="hidden" id="weeks-1"> veckor</small>
                    <input type="text" placeholder="Dagar" class="number" onfocus="$('#days-label').toggleClass('hidden');"><small class="hidden" id="days-1"> dagar</small>
                  </td>
                  <td>
                    <input type="text" placeholder="Veckor" class="number" onfocus="$('#weeks-label').toggleClass('hidden');"><small class="hidden" id="weeks-2"> veckor</small>
                    <input type="text" placeholder="Dagar" class="number" onfocus="$('#days-label').toggleClass('hidden');"><small class="hidden" id="days-2"> dagar</small>
                  </td>
                  <td>
                    <div class="input-append date datepicker" id="date-1" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                      <input size="16" type="text" value="12-02-2012" placeholder="Gäller till">
                      <span class="add-on"><i class="icon-calendar"></i></span>
                    </div>
                  </td>
                  <td>
                     <select id="sub-unit-add">
                      <option>Enhet/klinik</option>
                      <option value="children">Barn</option>
                      <option value="lungs">Lungor och luftvägar</option>
                      <option></option>
                      <option></option>
                    </select>
                    <button class="btn btn-primary pull-right" onclick="$('#item-add').toggleClass('hidden');"><i class="icon-plus"></i> Lägg till</button>
                  </td>
                </tr>
                <tr>

                </tr>           
              </tbody>
            </table>
          </div>
      </div>

      <!-- Header -->
      <div class="row-fluid">
        <div class="span2"></div>
        <div class="span8">
          <legend><i class="icon-list"></i> Väntetider</legend>
        </div>
      </div>

      <!-- Filter -->
      <div class="row-fluid hidden" id="filter">
        <div class="span2"></div>
        <div class="span8">
          <div class="pull-right">
            <label><strong>Filtrera listorna</strong></label>
            <select id="unit-list">
              <option>Alla vårdgivare</option>
              <option value="capio-st-goran">Capio S:t Görans sjukhus</option>
              <option value="capio-solna">Capio Vårdcentral Solna</option>
              <option></option>
              <option></option>
            </select>

            <select id="sub-unit-list">
              <option>Alla enheter/kliniker</option>
              <option value="children">Barn</option>
              <option value="lungs">Lungor och luftvägar</option>
              <option></option>
              <option></option>
            </select>

            <select id="caretype-list">
              <option>Åtgärder</option>
              <option value="70">Abrasio i näsan</option>
              <option value="38">Allergologisk mottagning</option>                
              <option value="15">Allmänkirurgisk mottagning</option>
              <option value="49">Arbets-EKG med bedömning</option>
              <option value="99">Artroskopier i knäled, diagnostiska och/eller terapeutiska</option>
            </select>
          </div>
        </div>
      </div>

      <!-- Main content -->
      <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span8">
          <div class="alert alert-block alert-error hidden" id="alert-delete">
            <h4 class="alert-heading">Radera "Barnortopedisk mottagning"?</h4>
            <p>Vill du ta bort egna väntetiden "Barnortopedisk mottagning" från <strong>Capio S:t Göran</strong>?</p>
            <p>
              <a class="btn btn-danger" href="#">Radera</a> <a class="btn" href="#" onclick="toggleShow('alert-delete');">Avbryt</a>
            </p>
          </div>

          <div class="alert alert-block alert-info hidden" id="alert-extend">
            <h4 class="alert-heading">Ändra väntetid?</h4>
            <p>Du har valt att ändra 4 väntetider</p>
            <div class="input-append date datepicker" id="date-2" data-date="12-07-2013" data-date-format="dd-mm-yyyy">
              <label><strong>Nytt datum</strong></label>
              <input size="16" type="text" value="12-07-2013" placeholder="Gäller till">
              <span class="add-on"><i class="icon-calendar"></i></span>
            </div>
            <p>
              <a class="btn btn-primary" href="#">Ändra</a> <a class="btn" href="#" onclick="toggleShow('alert-extend');">Avbryt</a>
            </p>
          </div>

          <div id="list">

          <table class="table table-hover table-striped">
              <thead>
                <tr>
                  <th colspan="6"><h3>Capio S:t Göran<div class="pull-right">
              <button class="btn disabled update-action update-extend" onclick="toggleShow('alert-extend');"><i class="icon-calendar"></i> &nbsp;Förläng</button>
            </div></h3>

                  </th>
                </tr>
                <tr>
                  <th><input type="checkbox" class="update-all-docs"></th>
                  <th>Åtgärd</th>
                  <th>Väntetid</th>
                  <th>Väntetid m förtur</th>
                  <th>Gäller till</th>
                  <th>Klinik/Enhet</th>
                </tr>
              </thead>
            <tbody>
              <tr class="error" data-unit="capio-st-goran" data-sub-unit="lungs" >
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit">Endokrinologisk mottagning<a href="#" class="edit"></td>
                <td>4v</td>
                <td>3v 3d</td>
                <td>2013-02-23</td>
                <td>Blod</td>
              </tr>
              <tr class="warning" data-unit="capio-st-goran" data-sub-unit="blood">
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit">Hematologisk mottagning</a></td>
                <td>6v</td>
                <td>3v</td>
                <td>2013-04-23</td>
                <td>Blod</td>
              </tr>
              <tr class="warning" data-unit="capio-st-goran" data-sub-unit="lungs" >
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit">Kardiologisk mottagning</a></td>
                <td>2v 3d</td>
                <td>2v</td>
                <td>2013-05-12</td>
                <td>Hjärte</td>
              </tr>
              <tr data-unit="capio-st-goran" data-sub-unit="lungs" class="">
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit"><i class=""></i> Lungmedicinsk mottagning</a>  </td>
                <td>3v</td>
                <td>1v</td>
                <td>2013-09-13</td>
                <td>Lungor och luftvägar</td>
              </tr>
              <tr data-unit="capio-st-goran" data-sub-unit="lungs" class="">
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit"><i class=""></i> Medicinmottagning</a></td>
                <td>2v 3d</td>
                <td>1v 2d</td>
                <td>2013-10-13</td>
                <td>Lungor och luftvägar</td>
              </tr>
              <tr>
                <td class="seperator" colspan="6"><h5>Åtgärder utanför SLL-avtalet</h5></td>
              </tr>
              <tr data-unit="capio-st-goran" data-sub-unit="children" class="">
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit"><i class=""></i> Barnortopedisk mottagning *</a></td>
                <td>4v</td>
                <td>3v</td>
                <td>2013-10-23</td>
                <td>Barn <a class="update-action update-delete pull-right" onclick="toggleShow('alert-delete');"><i class="icon-trash"></i> &nbsp;</a></td>
              </tr>
              <tr data-unit="capio-st-goran" data-sub-unit="children" class="">
                <td><input type="checkbox" class="update-docs" name="update-docs" id="update-docs"></td>
                <td><a href="#" class="edit"><i class=""></i> Specialistmottagning för sjukgymnastik *</a></td>
                <td>2v</td>
                <td>*</td>
                <td>2014-10-23</td>
                <td>Sjukgymnastik <a class="update-action update-delete pull-right" onclick="toggleShow('alert-delete');"><i class="icon-trash"></i> &nbsp;</a></td>
              </tr>
                <tr class="edit-row hidden" id="item-edit">
                  <td></td>
                  <td>
                    <span class="edit-caretype"></span>
                    <i class="icon-pencil pull-right"></i>
                  </td>
                  <td>
                    <input type="text" placeholder="Veckor" class="number" onfocus="$('#weeks-label').toggleClass('hidden');"><small class="hidden" id="weeks-1"> veckor</small>
                    <input type="text" placeholder="Dagar" class="number" onfocus="$('#days-label').toggleClass('hidden');"><small class="hidden" id="days-1"> dagar</small>
                  </td>
                  <td>
                    <input type="text" placeholder="Veckor" class="number" onfocus="$('#weeks-label').toggleClass('hidden');"><small class="hidden" id="weeks-2"> veckor</small>
                    <input type="text" placeholder="Dagar" class="number" onfocus="$('#days-label').toggleClass('hidden');"><small class="hidden" id="days-2"> dagar</small>
                  </td>
                  <td>
                    <div class="input-append date datepicker" id="date-1" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                      <input size="16" type="text" value="12-02-2012" placeholder="Gäller till">
                      <span class="add-on"><i class="icon-calendar"></i></span>
                    </div>
                  </td>
                  <td>
                    <span class="edit-sub-unit"></span>
                    <button class="btn btn-primary" onclick="toggleShow('item-edit');">Spara</button>
                  </td>
                </tr>
                <tr>

                </tr>           
              </tbody>
            </table>

            <small>* Egna tjänster. Ej kopplad till avtal med SLL</small>

            <table class="table table-hover table-striped">
              <thead>
                <tr>
                  <th colspan="6"><h3>Capio Solna Vårdcentral</h3>
                  </th>
                </tr>
                <tr>
                  <th><input type="checkbox"></th>
                  <th>Åtgärd</th>
                  <th>Väntetid</th>
                  <th>Väntetid m förtur</th>
                  <th>Gäller till</th>
                  <th>Klinik/Enhet</th>
                </tr>
              </thead>
            <tbody>
              <tr class="warning">
                <td><input type="checkbox"></td>
                <td><a href="#" class="edit">Hematologisk mottagning</a></td>
                <td>6v</td>
                <td>3v</td>
                <td>2013-04-23</td>
                <td>Blod</td>
              </tr>
              <tr class="warning">
                <td><input type="checkbox"></td>
                <td><a href="#" class="edit">Kardiologisk mottagning</a></td>
                <td>2v 3d</td>
                <td>2v</td>
                <td>2013-05-12</td>
                <td>Hjärte</td>
              </tr>
            </tbody>
          </table>
          
          </div>
            
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer class="hidden">
        <p><img src="assets/img/sll_logo.gif" /> &copy; SLL 2013 </p>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/bootstrap-datepicker.js"></script>
    <script>
      $('.datepicker').datepicker()

      $('.edit').click(function() {
        // var str = $(this).text();
        // $('.edit-caretype').text(str);
        $(this).parent().parent().after($('#item-edit'));
        toggleShow('item-edit');
        // $('#item-edit').toggleClass('hidden');
        $(this).parent().parent().toggleClass('selected');
      });

      $('.update-docs').change(function() {
        $('.update-action').toggleClass("disabled");
        $('.update-extend').toggleClass("btn-primary");
      });

    $('.update-all-docs').click(function() {
      $('.update-docs').prop("checked", !$('.update-docs').prop("checked"));
      $('.update-action').toggleClass("disabled");
      $('.update-extend').toggleClass("btn-primary");
    });

    function toggleShow(id) {
      sId = '#' + id;
      $(sId).slideToggle('medium', function() {
        // Animation complete.
        if ($(sId).hasClass('hidden')==true) {
          $(sId).fadeIn('fast');
          $(sId).toggleClass('hidden');
        } else {
          $(sId).fadeOut('slow');
          $(sId).toggleClass('hidden');
        }
        
      });
    }

    </script>
  </body>
</html>

